//引入node里的核心模块path文件，把path文件与them.less样式源文件进行合并, 然后使用绝对路径themePath
const path = require("path");
const themePath = path.join(__dirname, './src/them.less')

function resolve(dir) {
    return path.join(__dirname, dir);
}


module.exports = {
    lintOnSave: false,
    //@路径配置
    chainWebpack: config => {
        config.resolve.alias
            .set("@", resolve("src"))
            .set("assets", resolve("src/assets"))
            .set("components", resolve("src/components"))
            .set("base", resolve("baseConfig"))
            .set("public", resolve("public"));
    },
    publicPath: './',
    css: {
        loaderOptions: {
            less: {
                // 若 less-loader 版本小于 6.0，请移除 lessOptions 这一级，直接配置选项。              
                modifyVars: {
                    // 直接覆盖变量

                    // 或者可以通过 less 文件覆盖（文件路径为绝对路径）
                    hack: `true; @import "${themePath}";`,
                },
            },

        },
    },
}